<template>
  <div class="my-account">
    <Card title="认证公司信息">
     <Row>
       <Col span="24">
          <div class="clearfix wrap">
            <div class="fl label">企业全称：</div>
            <div class="fl">
               <Input type="text" style="width: 200px;" /> <span class="c4">*</span>
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">企业法人：</div>
            <div class="fl">
               <Input type="text" style="width: 200px;" /> <span class="c4">*</span>
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">联系人：</div>
            <div class="fl">
               <Input type="text" style="width: 200px;" /> <span class="c4">*</span>
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">手机号：</div>
            <div class="fl">
               <Input type="text" style="width: 200px;" /> 
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">企业地址：</div>
            <div class="fl">
               <Input type="text" style="width: 200px;" /> 
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">市场区域：</div>
            <div class="fl" >
               <v-distpicker province="浙江省" city="杭州市" area="西湖区" @province="selectProvince" @city="selectCity" @area="selectArea"></v-distpicker>
            </div>
          </div>
          
          <div class="clearfix wrap mt10">
            <div class="fl label">营业执照：</div>
            <div class="fl">
              <Upload action="//jsonplaceholder.typicode.com/posts/">
                  <div style="width: 120px;height:120px;line-height: 120px;text-align:center;border:1px dashed #ddd;">
                    <Icon type="ios-camera" size="20"></Icon>上传营业执照
                  </div>
              </Upload>
               
            </div>
          </div>
          
       </Col>
       
     </Row>
    </Card>
   
    <Button type="primary" style="width:160px;" class="mt20 mb40">申请认证</Button>
  </div>
</template>

<script>
 import VDistpicker from 'v-distpicker'
 
  export default {
    components: { VDistpicker },
    mounted () {
      this.$store.commit('UPDATE_POSITION', this.position)
    },
    data () {
      return{
        position: [
          {title: '我的账户', link: '/admin/myAccount'},
          {title: '企业认证'}
        ]
      }
    },
    methods:{
      selectProvince(p){
        
      },
      selectCity (c) {
        
      },
      selectArea (a) {
       
      }
    }
  }
</script>

<style lang="less" scoped>
  .wrap{
    line-height: 30px;
  }
.label{
  width: 100px;
  text-align: right;
}
</style>
